<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>查看效果</title>
    <script>
        window.hdjs = {};
        window.hdjs.base = '../';
        window.hdjs.uploader = 'php/uploader.php?';
        window.hdjs.filesLists = 'php/filesLists.php?';
    </script>
    <script src="../dist/static/requirejs/require.js"></script>
    <script src="../dist/static/requirejs/config.js"></script>
</head>
<body>
<br>
<div class="container">
    <div class="panel panel-default">
        <div class="panel-heading">
            <h1 class="panel-title">HDJS部分效果展示</h1>
        </div>
        <div class="panel-body">
            <li><a href="caret.html" class="btn btn-default" target="_blank">光标定位</a></li>
            <li><a href="chart.html" class="btn btn-default" target="_blank">图表</a></li>
            <li><a href="city.html" class="btn btn-default" target="_blank">城市选择</a></li>
            <li><a href="clipboard.html" class="btn btn-default" target="_blank">剪贴板</a></li>
            <li><a href="clockpicker.html" class="btn btn-default" target="_blank">时间选择</a></li>
            <li><a href="colorpicker.html" class="btn btn-default" target="_blank">颜色选择</a></li>
            <li><a href="daterangepicker.html" class="btn btn-default" target="_blank">日期区间</a></li>
            <li><a href="datetimepicker.html" class="btn btn-default" target="_blank">日期时间</a></li>
            <li><a href="dateselect.html" class="btn btn-default" target="_blank">列表日期</a></li>
            <li><a href="emotion.html" class="btn btn-default" target="_blank">表情选择</a></li>
            <li><a href="font.html" class="btn btn-default" target="_blank">字体选择</a></li>
            <li><a href="form-style.html" class="btn btn-default" target="_blank">表单样式</a></li>
            <li><a href="loading.html" class="btn btn-default" target="_blank">加载动画</a></li>
            <li><a href="spinners.html" class="btn btn-default" target="_blank">CSS加载</a></li>
            <li><a href="map.html" class="btn btn-default" target="_blank">地图坐标</a></li>
            <li><a href="message.html" class="btn btn-default" target="_blank">消息显示</a></li>
            <li><a href="modal.html" class="btn btn-default" target="_blank">模态框</a></li>
            <li><a href="notify.html" class="btn btn-default" target="_blank">通知消息</a></li>
            <li><a href="preview.html" class="btn btn-default" target="_blank">图片预览</a></li>
            <li><a href="qrcode.html" class="btn btn-default" target="_blank">二维码</a></li>
            <li><a href="swiper.html" class="btn btn-default" target="_blank">幻灯片</a></li>
            <li><a href="ueditor.html" class="btn btn-default" target="_blank">百度编辑器</a></li>
            <li><a href="validate.html" class="btn btn-default" target="_blank">表单验证</a></li>
            <li><a href="validCode.html" class="btn btn-default" target="_blank">发送验证码</a></li>
            <li><a href="file.html" class="btn btn-default" target="_blank">文件上传</a></li>
            <li><a href="image.html" class="btn btn-default" target="_blank">图片上传</a></li>
            <li><a href="oss.html" class="btn btn-default" target="_blank">阿里云上传</a></li>
            <li><a href="prismjs.html" class="btn btn-default" target="_blank">代码高亮</a></li>
            <li><a href="markdown.html" class="btn btn-default" target="_blank">markdown</a></li>
            <li><a href="video.html" class="btn btn-default" target="_blank">视频播放</a></li>
            <li><a href="cookie.html" class="btn btn-default" target="_blank">Cookie</a></li>
            <li><a href="get.html" class="btn btn-default" target="_blank">GET管理</a></li>
            <li><a href="md5.html" class="btn btn-default" target="_blank">MD5加密</a></li>
            <li><a href="submit.html" class="btn btn-default" target="_blank">表单提交</a></li>
        </div>
    </div>
    <a href="http://hdjs.hdphp.com"  class="btn btn-success" target="_blank">查看手册</a>
</div>
<style>
    .panel-body li {
        width: 100px;
        float: left;
        margin: 10px;
        list-style: none;
    }

    .panel-body li a {
        width: 90px;
    }
</style>


<script>
    require(['hdjs'])
</script>
</body>
</html>